<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SocialNet</title>
<link rel="stylesheet" href="css/style1.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="gu">
<meta http-equiv="Content-Language" content="hi">
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/arial.js"></script>
<script type="text/javascript" src="js/cuf_run.js"></script>
<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
<script src="./samples/ckeditor/sample.js" type="text/javascript"></script>
<link href="./samples/ckeditor/sample.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.uniform.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
  $(function(){
    $("input:checkbox, input:file").uniform();
  });
</script>
<script type="text/javascript">
$(document).ready(function(){
  $('#occupation').change(function(){
    var selectedVal = $(this).val(); 
    if(selectedVal == "houseWife")
    {
      document.forms['shadiForm']['income'].readOnly = true;
    }
    else
    {
      document.forms['shadiForm']['income'].readOnly = false;
    }
  });
});
</script>
<script type="text/javascript">
function myFunction()
{
  if(confirm("You Want To Remove This Record")== true)
	{
		return true;
	}
	else
	{
		return false;
	}
}
</script>
</head>
<body>
<div class="main">
  <div class="main_resize">
    <div class="header">
      <div class="logo" style="font-size:50px; margin-top:30px; margin-left:300px;">
      </div>
       <div class="menu_nav">
        <ul>
          <li><a href="index.php">SURNAME</a></li>
              <li><a href="slider.php">SLIDER</a></li>
              <li><a href="shadi.php">SHAADI</a></li>
              <li><a href="register.php">REGISTER</a></li>
              <li><a href="jobs.php">JOBS</a></li>
              <li><a href="logout.php">LOGOUT</a></li>
        </ul>
        <div class="clr"></div>
      </div>  
      <div class="hbg"><img src="images/header_images.jpg" width="923" height="291" alt="" />
      </div>
    </div>
    <div class="content">
      <div class="content_bg">
        <div class="mainbar">
          {block name="body"}
          {/block}
        </div>
        <div class="clr"></div>
      </div>
    </div>
  </div>
  <br />
<!-- ============= Shadi Form Start ==================== -->
<article>
<h2><font size="8px">Shadi Form</font></h2>
<form name="shadiForm" method="post" style="margin-left: 380px;">
	<ul>
    <li>
    	<label class="lbl">First Name :</label>
      <input type="text" name="firstName" size="40" id="firstName" required />
    </li>
    <li>
    	<label class="lbl">Middle Name :</label>
      <input type="text" name="middletName" size="40" id="middletName" />
    </li>
    <li>
    	<label class="lbl">Last Name :</label>
      <input type="text" name="lastName" size="40" id="lastName" />
    </li>
    <li>
      <label  class="lbl">Birthdate :</label>
      {html_select_date prefix=bdate start_year ="-0" end_year="+2" field_order="DMY" month_format="%m" day_value_format="%02d"}
    </li>
    <li>
    	<label class="lbl">Gender :</label>
      <label><input type="radio" name="gender" value="Male" checked="checked" /> Male</label>
      <label><input type="radio" name="gender" value="Female" /> Female</label>
    </li>
    <li>
    	<label class="lbl">Height :</label>
      <input type="text" name="height" size="40" id="height" />
    </li>
    <li>
    	<label class="lbl">Weight :</label>
      <input type="text" name="weight" size="40" id="weight" />
    </li>
    <li>
      <label class="lbl">Email :</label>
      <input type="email" name="email" size="40" id="email" />
    </li>
    <li>
    	<label class="lbl">Qualification :</label>
      <input type="text" name="qualification" size="40" id="qualification" />
    </li>
    <li>
      <label class="lbl">Occupation :</label>
      <select id="occupation" name="occupation" onselect="myfun();">
          <option>Select Occupation</option>
          <option value="job">Job</option>
          <option value="bussiness">Business</option>
          <option value="houseWife">House Wife</option>
      </select>
    </li>
    <li>
    	<label class="lbl">Your Income :</label>
      <input type="text" name="income" size="40" id="income" />
    </li>
    <li>
      <label class="lbl">Permanent Address :</label>
      <textarea cols="50" name="address" rows="5" id="address"></textarea>
		</li>
		<li>
    	<label class="lbl">Mobile No :</label>
      <input type="text" name="mobileNo" size="40" id="mobileNo" />
    </li>
		<li>
    	<label  class="lbl">Fathers Occupation :</label>
      <input type="text" name="fathersOccupation" size="40" id="fathersOccupation" />
    </li>
    <li>
    	<label class="lbl">Fathers Income :</label>
      <input type="text" name="fathersIncome" size="40" id="fathersIncome" />
    </li>
     <li>
      <label class="lbl">Note :</label>
      <textarea cols="50" name="note" rows="5" id="note"></textarea>
		</li>
	</ul>
  <p style="margin-left: 210px;">
    <button type="submit" name="submitBtn" class="right">Submit</button>
    <button type="reset" class="right">Reset</button>
  </p>
</form>
</article><br />
<!-- ============= Shadi Form End ==================== -->

<!-- ============= Display Shadi Register Start ==================== -->
<table cellspacing='0' width="10%" align="center">
  <tr>
    <th>Delete</th>
    <th>Name</th>
    <th>Birthdate</th>
    <th>Height</th>
    <th>Weight</th>
    <th>Email</th>
    <th>Qualification</th>
    <th>Occupation</th>
    <th>Income</th>
    <th>Address</th>
    <th>Mobile No</th>
    <th>Fathers Occupation</th>
    <th>Fathers Income</th>
    <th>Note</th>
  </tr>
  {section name=sec loop=$regArray}
  <tr>
    <td><a href="shadiDelete.php?shadiId={$regArray[sec].shadiId}" onclick="return myFunction();"><img src="./images/deleteIco.png"></a></td>
    <td>{$regArray[sec].firstName}&nbsp{$regArray[sec].middleName}&nbsp{$regArray[sec].lastName}</td>
    <td>{$regArray[sec].birthdate|date_format:"%d-%m-%Y"}</td>
    <td>{$regArray[sec].height}</td>
    <td>{$regArray[sec].weight}</td>
    <td>{$regArray[sec].email}</td>
    <td>{$regArray[sec].qualification}</td>
    <td>{$regArray[sec].occupation}</td>
    <td>{$regArray[sec].monthlyIncome}</td>
    <td>{$regArray[sec].permanentAddress}</td>
    <td>{$regArray[sec].mobileNo}</td>
    <td>{$regArray[sec].fathersOccupation}</td>
    <td>{$regArray[sec].fatherMonthlyIncome}</td>
    <td>{$regArray[sec].note}</td>
  </tr>
  {/section}
</table>
<!-- ============= Display Shadi Register End ==================== -->

  <br />

<div class="footer">
   <div class="footer_resize"> <p class="rf">Developed By : 
   Web Solutions. All Rights Reserved.</p> <div class="clr"></div> </div> </div> 
</html>

